﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/PaginaMaestra.Master" CodeBehind="Principal.aspx.cs" Inherits="ProyectoWeb.Principal" %>



<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
     <!-- Animacion -->
    <div id="container">
       <div id="page-wrap">
		
		<h2>Recetas Destacadas</h2>
		
		<div id="slider">

			<div id="mover">
		
				<div id="slide-1" class="slide">
				
					<h1>Pizza a la Piedra</h1>
					
					<p>Donec gravida posuere arcu. Nulla facilisi. Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien. Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
					
					<a href="#"><img src="Img/pizza.png" alt="learn more" /></a>
					
				</div>
				
				<div class="slide">
				
					<h1>Chipa</h1>
					
					<p>La variante de chipá o chipa más frecuente se elabora con almidón de mandioca, leche, queso, huevos, un poquito de sal y manteca o aceite, con los que se preparan pequeños bollitos de 4 cm de diámetro.</p>
					
					<a href="#"><img src="Img/chipa.png" alt="learn more" /></a>
					
				</div>
				
				<div class="slide">
				
					<h1>Lomo Asado</h1>
					
					<p>La mejores recetas de carnes se enorgullece en presentar la forma de preparar el mejor lomo asado. Luego de seguir los pasas te garantizamos una carne jugosa y deliciosa!!</p>
					
					<a href="#"><img src="Img/Lomo.png" alt="learn more" /></a>
					
				</div>

                <div class="slide">
				
					<h1>Garden Gloves</h1>
					
					<p>Donec gravida posuere arcu. Nulla facilisi. Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien. Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
					
					<a href="#"><img src="Img/slide-2-image.png" alt="learn more" /></a>
					
				</div>

                <div class="slide">
				
					<h1>Garden Gloves</h1>
					
					<p>Donec gravida posuere arcu. Nulla facilisi. Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien. Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
					
					<a href="#"><img src="Img/slide-3-image.png" alt="learn more" /></a>
					
				</div>
			
			</div>
		
		</div>
		
	<div style="border-width: 1px; border-style: ridge; height: 295px; width: 300px; margin-top: 0px; background-color: #FFFFFF;">
    <h3 style="border: 1px ridge #666666; font-family: Arial; text-align: center; visibility: collapse; color: #C0C0C0; background-color: #000000; font-size: 22px;">BUSCADOR</h3>
        <p style="border: 0px none #666666; font-family: Arial; text-align: center; visibility: collapse; color: #000000; background-color: #FFFFFF; font-size: medium;">
            <asp:TextBox ID="txtNombreReceta" runat="server" Width="231px">Ingrese lo que desea buscar</asp:TextBox>
&nbsp;
            <asp:ImageButton ID="iBtnBuscarReceta" runat="server" ImageAlign="Top" 
                ImageUrl="~/Img/search-col-btn.gif" onclick="iBtnBuscarReceta_Click" />
        </p>
        <p style="border: 0px none #666666; font-family: Arial; text-align: left; visibility: collapse; color: #000000; background-color: #FFFFFF; font-size: medium;">
            Buscar Recetas por:</p>
        <p style="border: 0px none #666666; font-family: Arial; text-align: left; visibility: collapse; color: #000000; background-color: #FFFFFF; font-size: medium;">
            <asp:DropDownList ID="ddlCategorias" runat="server" Height="16px" 
                style="margin-left: 17px" Width="231px">
            </asp:DropDownList>
&nbsp;
            <asp:ImageButton ID="iBtnBuscarxCategoria" runat="server" 
                ImageUrl="~/Img/search-col-btn.gif" onclick="iBtnBuscarxCategoria_Click" 
                ImageAlign="Top" />
        </p>
        <p style="border: 0px none #666666; font-family: Arial; text-align: left; visibility: collapse; color: #000000; background-color: #FFFFFF; font-size: medium;">
            <asp:DropDownList ID="ddlIngredientes" runat="server" Height="16px" 
                style="margin-left: 17px" Width="231px">
            </asp:DropDownList>
&nbsp;
            <asp:ImageButton ID="iBtnBuscarxIngrediente" runat="server" 
                ImageUrl="~/Img/search-col-btn.gif" ImageAlign="Top" 
                onclick="iBtnBuscarxIngrediente_Click" />
        </p>
        <p style="border: 0px none #666666; font-family: Arial; text-align: left; visibility: collapse; color: #000000; background-color: #FFFFFF; font-size: medium;">
            <asp:DropDownList ID="ddlDificultad" runat="server" Height="16px" 
                style="margin-left: 17px" Width="231px">
                <asp:ListItem>Dificultad</asp:ListItem>
                <asp:ListItem>Fácil</asp:ListItem>
                <asp:ListItem>Medio</asp:ListItem>
                <asp:ListItem>Dificil</asp:ListItem>
                <asp:ListItem>Chef</asp:ListItem>
            </asp:DropDownList>
&nbsp;
            <asp:ImageButton ID="iBtnBuscarxDificultad" runat="server" 
                ImageUrl="~/Img/search-col-btn.gif" ImageAlign="Top" 
                onclick="iBtnBuscarxDificultad_Click" />
        </p>
        <p style="border: 0px none #666666; font-family: Arial; text-align: left; visibility: collapse; color: #000000; background-color: #FFFFFF; font-size: medium; height: 26px;">
            <asp:DropDownList ID="ddlTiempo" runat="server" Height="16px" 
                style="margin-left: 17px" Width="231px">
                <asp:ListItem>Tiempo</asp:ListItem>
                <asp:ListItem>3 a 5 min</asp:ListItem>
                <asp:ListItem>5 a 10 min</asp:ListItem>
                <asp:ListItem>10 a 15 min</asp:ListItem>
                <asp:ListItem>15 a 30 min</asp:ListItem>
                <asp:ListItem>30 a 45 min</asp:ListItem>
                <asp:ListItem>45 a 60 min</asp:ListItem>
                <asp:ListItem>Más de 60 min</asp:ListItem>
            </asp:DropDownList>
&nbsp;
            <asp:ImageButton ID="iBtnBuscarxTiempo" runat="server"
                ImageUrl="~/Img/search-col-btn.gif" ImageAlign="Top" 
                onclick="iBtnBuscarxTiempo_Click" />
        </p>
    </div>
    
    </asp:Content>
